<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>李绍钟个人简历</title>
		<meta name="description" content="个人简历描述">
		<meta name="keywords" content="李绍钟个人简历" />

		<!-- Favicons
    ================================================== -->

		<link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">

		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

		<!-- Slider
    ================================================== -->
		<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
		<link href="css/owl.theme.css" rel="stylesheet" media="screen">

		<!-- Stylesheet
    ================================================== -->
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

		<link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
		<!-- Navigation -->
		<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
					<!-- <a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-terminal"></i>个人简历</a>-->
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
					<ul class="nav navbar-nav">
						<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
						<li class="hidden">
							<a href="#page-top"></a>
						</li>
						<li>
							<a class="page-scroll" href="#services">基本资料</a>
						</li>
						<li>
							<a class="page-scroll" href="#works">项目经验</a>
						</li>
						<li>
							<a class="page-scroll" href="#about">专业技能</a>
						</li>
						<li>
							<a class="page-scroll" href="#team">工作经历</a>
						</li>
						<li>
							<a class="page-scroll" href="#testimonials">自我评价</a>
						</li>
						<li>
							<a class="page-scroll" href="#contact">联系方式</a>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>

		<!-- Header -->
		<header class="intro">
			<div class="intro-body">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<p class="intro-text">我是李绍钟，是一个前端开发工程师, 码农！ 就是你们所说的 程序猿！！ 这是我的个人网页，里面有我的一些详细介绍，准备好开始浏览了么？
								<a href="#services" class="page-scroll">点击这里开始浏览整个网页~</a> 第一个模块将是关于我的简历内容~~.</p>
							<a href="#services" class="btn btn-circle page-scroll">
								<i class="fa fa-angle-double-down animated"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!--<div class="copyrights">Baron简历 <a href="http://blog.youzewang.com/jianli" >前端工程师</a></div>-->
		<!-- Services Section -->
		<div id="services" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2>基本 <strong>资料</strong></h2>
					<hr>
				</div>
				<div class="space"></div>
				<div class="row">
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-laptop"></i>
						<h4><strong>个人信息</strong></h4>
						<p>
							姓名: 李绍钟 &nbsp;性别：男</br>
							年龄: 24岁 籍贯：广东肇庆
						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-code"></i>
						<h4><strong>专业学历</strong></h4>
						<p>
							专业：计算机信息管理专业</br>
							学历：专科</br>

						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-rocket"></i>
						<h4><strong>毕业学校</strong></h4>
						<p>
							毕业学校：广东水利电力职业技术学院</br>
							学习技能：编程
						</p>
					</div>
					<div class="col-md-3 col-sm-6 service"> <i class="fa fa-bullseye"></i>
						<h4><strong>联系方式</strong></h4>
						<p>QQ：790825990</br>
							微信：15018442952</p>
					</div>
				</div>
			</div>
		</div>
		<!-- Portfolio Section -->
		<div id="works">
			<div class="container">
				<!-- Container -->
				<div class="section-title text-center center">
					<h2>项目 <strong>经验</strong></h2>
					<hr>
					<div class="clearfix"></div>
					<p>主要涉及电商，游戏 ，微信，包括PC端，手机端，微信端，等等，主要技术是HTML+CSS+JS</p>
				</div>

				<div class="row">
					<div class="col-md-3 col-sm-6 web isotope-item">
						<div class="portfolio-item">
							<div class="hover-bg">
								<div class="hover-text">
									<h4><a href='http://m.65.com' target='_blank' title="六五游戏官网">六五游戏官网</a></h4>
									<small>技术：html+css+js</small>
									<div class="clearfix"></div>
									<i class="fa fa-search"></i>
								</div>
								<img src="img/portfolio/01.jpg" class="img-responsive" alt="六五游戏官网">
								
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 web isotope-item">
						<div class="portfolio-item">
							<div class="hover-bg">
								<div class="hover-text">
									<h4><a href='http://www.19193.com/' target='_blank' title="19193电竞网站">19193电竞网站</a></h4>
									<small>技术：html+css+js+require.js</small>
									<div class="clearfix"></div>
									<i class="fa fa-search"></i>
								</div>
								<img src="img/portfolio/02.jpg" class="img-responsive" alt="19193电竞网站">
								
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 web isotope-item">
						<div class="portfolio-item">
							<div class="hover-bg">
								<div class="hover-text">
									<h4><a href='http://wap.65.com/' target='_blank' title="65手机官网">65手机官网</a></h4>
									<small>技术：html+css+js</small>
									<div class="clearfix"></div>
									<i class="fa fa-search"></i>
								</div>
								<img src="img/portfolio/01.jpg" class="img-responsive" alt="65手机官网">
								
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 web isotope-item">
						<div class="portfolio-item">
							<div class="hover-bg">
								<div class="hover-text">
									<h4><a href='http://wap.65.com/weixin/gift/' target='_blank' title="65游戏礼包">65游戏礼包</a></h4>
									<small>技术：html+css+vue.js</small>
									<div class="clearfix"></div>
									<i class="fa fa-search"></i>
								</div>
								<img src="img/portfolio/01.jpg" class="img-responsive" alt="65游戏礼包">
								
							</div>
						</div>
					</div>

				</div>
				
				<div class="row row1">
					<div class="col-md-5 col-sm-6">
						<h3>如果你还想看更多的小例子</h3>
						<p>在前端的路上，积累了很多的小demo和小例子，有兴趣的话可以看看~~</p>
					</div>
					<div class="col-md-5 col-sm-6">
						<a href="javascript:alert('网站正在建设中,敬请期待');" class="button">观看更多</a>
					</div>
				</div>
				
			</div>
		</div>
		<!-- About Section -->
		<div id="about">
			<div class="container">
				<div class="section-title text-center center">
					<h2><strong>专业</strong> 技能</h2>
					<hr>
				</div>
				<div class="row">
					<div class="col-md-6"> <img src="img/about.png" class="img-responsive"> </div>
					<div class="col-md-6">
						<div class="about-text"> <i class="fa fa-users"></i>
							<div class="padding-left">
								<h4>PC端</h4>
								<p>熟练使用HTML/CSS技术，熟练使用Javascript/jquery编程,对require.js有所了解</p>
							</div>
							<i class="fa fa-magic"></i>
							<div class="padding-left">
								<h4>移动端</h4>
								<p>熟练使用vue.js，MIU等移动框架进行移动页面的开发</p>
							</div>
							<i class="fa fa-check-square-o"></i>
							<div class="padding-left">
								<h4>其它</h4>
								<p>熟练使用photoshop等切图工具，会常见的UI技巧，懂Java等后台语言开发.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="achivements" class="section dark-bg">

			<div class="container">
				<div class="skills-list">
					<p>主要从事前端开发，并有接触UI等各个方面技能。以下总结了本人的各方面的技能能力...</p>
					<ul id="skill">
						<li><span class="expand html5"></span><em>HTML 5</em></li>
						<li><span class="expand css3"></span><em>CSS 3</em></li>
						<li><span class="expand javascrpit"></span><em>javascrpit</em></li>
						<li><span class="expand jquery"></span><em>jQuery</em></li>
						<li><span class="expand photoshop"></span><em>Photoshop</em></li>
						<li><span class="expand java"></span><em>java</em></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- Team Section -->
		<div id="team" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2>人生 <strong>经历</strong></h2>
					<hr>
					<p>热爱互联网，热爱技术，专注于前端技术开发和用户体验</p>
				</div>
				<div id="row">

					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/02.jpg" alt="广东水利电力职业技术学院" class="img-circle team-img">
							<div class="caption">
								<h3>广东水利电力职业技术学院</h3>
								<p>计算机信息管理</p>
								<p>主要学习编程语言，前端技术，网站制作和开发，大学期间做过很多项目，很喜欢编程</p>
							</div>
						</div>
					</div>

					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/03.jpg" alt="广州拓胜计算机技术服务有限公司" class="img-circle team-img">
							<div class="caption">
								<h3>广州拓胜计算机技术服务有限公司</h3>
								<p>前端工程师</p>
								<p>工作时间：2014.12-2016.3，主要从事金融电商行业的网站开发，包括,电商网站，移动端商城等等</p>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="thumbnail"> <img src="img/team/04.jpg" alt="广东六五网络科技有限公司" class="img-circle team-img">
							<div class="caption">
								<h3>广东六五网络科技有限公司</h3>
								<p>前端工程师</p>
								<p>工作时间：2016.5-至今，主要从事游戏官网的前端页面开发，以及一些游戏资讯平台网站的制作。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Testimonials Section -->
		<div id="testimonials" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2>自我 <strong>评价</strong></h2>
					<hr>
				</div>
				<div class="row">
					<div class="col-md-8 col-md-offset-2">
						<div id="testimonial" class="owl-carousel owl-theme">
							<div class="item">
								<p>
									热爱学习,良好的团队合作精神，能迅速融入新的团队。</br>易和人相处，拥有良好的亲和力。
								</p>
							</div>
							<div class="item">
								<p>
									有强烈的责任感，工作踏实，性格开朗乐观，积极上进，吃苦耐劳。</br>能在较大的压力下保持良好的工作状态，善于自我调节。
								</p>
							</div>
							<div class="item">
								<p>
									非常热爱编程，喜欢钻研新的技术，喜欢接受各种不同的挑战。</br>具有很强的自学能力和良好的学习方法。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Contact Section -->
		<div id="contact" class="text-center">
			<div class="container">
				<div class="section-title center">
					<h2><strong>联系</strong> 方式</h2>
					<hr>
				</div>
				<div class="col-md-8 col-md-offset-2">
					<div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
						<p>广州市越秀区</p>
					</div>
					<div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
						<p>790825990@qq.com</p>
					</div>
					<div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
						<p>15018442952</p>
					</div>

					<div class="clearfix"></div>
				</div>

			</div>
		</div>
		</div>
		<nav id="footer">
			<div class="container">
				<div class="pull-left fnav">
					<p>Copyright &copy; 2017 作者：LSZ. 前端工程师
				</div>
				<div class="pull-right fnav">
					<ul class="footer-social">
						<li>
							<a href="http://v.t.sina.com.cn/share/share.php?url=http://blog.youzewang.com/jianli&title=LSZ简历"><i class="icon iconfont">&#xe66e;</i></a>
						</li>
						<li>
							<a href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.youzewang.com/jianli=&title=LSZ简历"> <i class="icon iconfont">&#xe629;</i></a>
						</li>
						<li>
							<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://blog.youzewang.com/jianli&title=LSZ简历"> <i class="icon iconfont">&#xe616;</i></a>
						</li>

						<li>
							<a href="http://share.renren.com/share/buttonshare.do?link=http://blog.youzewang.com/jianli&title=LSZ简历"><i class="icon iconfont">&#xe66b;</i></a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/SmoothScroll.js"></script>
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="js/jquery.isotope.js"></script>
		<script type="text/javascript" src="js/jquery.counterup.js"></script>
		<script type="text/javascript" src="js/waypoints.js"></script>
		<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
		<!--<script type="text/javascript" src="js/contact_me.js"></script>-->
		<script src="js/owl.carousel.js"></script>

		<!-- Javascripts
    ================================================== -->
		<script type="text/javascript" src="js/main.js"></script>

		<script>
			$(function() {
				var u = navigator.userAgent;
				if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 || u.indexOf('iPhone') > -1 || u.indexOf('Windows Phone') > -1 || navigator.userAgent.indexOf("iPad") > -1) {
					$(".hover-bg .hover-text").css({
						'opacity': '1'
					});

					$(".hover-bg .hover-text>h4").css({
						'opacity': '1',
						'-webkit-transform': 'translateY(0)',
						'transform': 'translateY(0)'
					});

					$(".hover-bg .hover-text>i").css({
						'opacity': '1'
					});
				}

			});
		</script>
	</body>

</html>